<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>支付订单</title>
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/public.css" rel="stylesheet" />
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
 <script src="js/jquery.min.js?v=2.1.4"></script>
 <script src="js/core.js"></script>
<script src="js/12.1.1zhifuodergoods.js"></script>
</head>
<body class="zhifus" style="display: none;">
	<script type="text/javascript" src="js/jweixin-1.0.0.js"></script>
<script language='javascript' src='https://res.wx.qq.com/open/js/jweixin-1.0.0.js'></script>
<script language='javascript' src='js/wx_util.js'></script>
<script language='javascript' src='js/base64.js'></script>
<!-- top -->
<div class="header" >
    <header class="p_header public-red">
    	<a href="11.0.0gouwuche.html" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">支付订单</h1>
    </header>
</div>
<!--支付-->
<div class="zhifu_dingdan">
	<ul id="zhifugoods">
		
	</ul>
</div>
<input type="hidden" id="zhanghuss"/>
<div class="dingdan_title">支付方式</div>
<form >
    <div class="zhifu_fangshi">
    	<dl>
		    <dt>
		        <img src="images/zhifu04.png">
		    </dt>
		    <dd>
		      	<h5>账户余额<span id="zhanghuxinxi"></span></h5>
		      	<div class="public-checkbox zhifu_xuanze" onclick="changeColors(this)">
					<label class="goodsCheck">
		            	<input type="radio" id="zhifuss" name="radio1" value="01" />
		            </label>
				</div>
		    </dd>
		</dl>
		<dl>
		    <dt>
		        <img src="images/zhifu02.png">
		    </dt>
		    <dd>
		      	<h5>微信支付</h5>
		      	<div class="public-checkbox zhifu_xuanze" onclick="changeColors(this)">
					<label class="goodsCheck">
		            	<input type="radio" id="zhifuss" name="radio1" value="02" />
		            </label>
				</div>
		    </dd>
		</dl>
	
    </div>
    <div class="mid-width">
        <input type="button" class="p_button" id="zhifus" onclick="zhifu()" value="确认支付">
    </div>
</form>
   
<div class="show2 sell-xiugai2">
  <div class="a_main">
        <h2>支付密码</h2>
        <div class="pwd-box">  
            <input type="tel" maxlength="6" class="pwd-input" id="pwd-input">  
            <div class="fake-box">  
                <input type="password" id="password1" readonly>  
                <input type="password" id="password2" readonly>  
                <input type="password" id="password3" readonly>  
                <input type="password" id="password4" readonly>  
                <input type="password" id="password5" readonly>  
                <input type="password" id="password6" readonly>  
            </div>  
        </div> 
    </div>
</div>

<script type="text/javascript" src="js/jquery-1.10.1.min.js" ></script>
<script type="text/ecmascript">
	function changeColors(o){
    	$(o).parent().parent().parent().children().each(function(i){
			if($(this).find("input[type='radio']").prop('checked')){		
				$(this).find("div label").addClass("on");
				$(this).find("div label input").attr("checked","checked");
			}else{
				$(this).find("div label").removeClass("on");
				$(this).find("div label input").removeAttr("checked");
			}				
    	})
    }
</script>

<script type="text/javascript">
	var $input = $(".fake-box input");  
        $("#pwd-input").on("input", function() {  
            var pwd = $(this).val().trim();  
            for (var i = 0, len = pwd.length; i < len; i++) {  
                $input.eq("" + i + "").val(pwd[i]);  
            }  
            $input.each(function() {  
                var index = $(this).index();  
                if (index >= len) {  
                    $(this).val("");  
                }  
            });  
            if (len == 6) {  
            var pas=$("#pwd-input").val();
            alert(pas)
                gotoyuezhifu(pas);
            }  
        }); 
</script>
</body>
</html>